<template>
	<view class="doc-detail-view">
		<view class="doc-title">
			{{info.title}}
		</view>
		<view class="doc-content">
			<rich-text :nodes="info.body"></rich-text>
			<!-- <image src="/static/avtr.png" mode=""></image>
			<view class="doc-desc">
				<view> 电工证：低压、高压、电力电缆、继保、电气试验 </view>
				<view>焊工证：熔化焊接与热切割 </view>
				<view>高处作业证：登高架设、高处安装维护拆除 </view>
				<view>制冷空调证：运行操作、安装修理 </view>
				<view>危化品、矿山、冶金、石油天然气等</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {}
			};
		},
		onLoad(e) {
			if (e.id) {
				this.getDetail(e.id)
			}
		},
		methods: {
			getDetail(id) {
				this.$api.requst(`/gwc/projects/document/${id}`, {
					id: id
				}).then((res) => {
					this.info = res.data
				})
			}
		}
	}
</script>

<style lang="scss">
	.doc-detail-view {
		min-height: 100vh;
		background-color: #fff;
		box-sizing: border-box;
		padding: 32rpx;

		.doc-title {
			font-weight: bold;
			font-size: 40rpx;
			color: #333333;
			padding-bottom: 32rpx;
			border-bottom: 1rpx solid #E2E2E2;
		}

		.doc-content {
			padding-top: 32rpx;

			image {
				height: 312rpx;
				width: 100%;
			}

			.doc-desc {
				margin-top: 32rpx;
				line-height: 60rpx;
				font-size: 30rpx;
				color: #333333;
			}
		}
	}
</style>